<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>找回密码</title>
    <link href="../../layui/css/layui.css"  rel="stylesheet">
    <link href="../../css/index.css" rel="stylesheet" type="text/css">
    <link href="../../css/forgetPassword/forgetPassword.css" rel="stylesheet" type="text/css">
	<style>
		.next>input{cursor: pointer;}
		.getCaptcha[disabled]{
			color:#999 !important;
			cursor:not-allowed !important;
		}
	</style>
</head>
<body>
<header>
    <div class="forgetPassword-title">
        <span>找回密码</span>
    </div>
</header>
<div class="forgetPassword">
	<div class="forget">
		<div class="tel">
			<input type="text" datatype="m" placeholder="请输入手机号">
		</div>
		<div class="Validform_checktip"></div>
		<div class="code">
			<input type="text" datatype="*" placeholder="请输入短信验证码">
			<input class="getCaptcha" type="button" value="获取验证码">
		</div>
		<div class="Validform_checktip"></div>
		<div class="next">
			<input type="button" value="下一步">
		</div>
	</div>
</div>
	<footer class="foot">
		<span>
			Copyright 2017-2018 lexiaozhuan.com 版权所有 (京ICP证030173号
		</span>
		<img src="../../images/shouye/ghs.png">
		<span>
			京公网安备11000002000001号)
		</span>
	</footer>
</body>
<!--layui插件-->
<script src="../../js/plugIn/jquery-3.3.1.min.js"></script>
<!-- 表单验证插件 -->
<script src="../../js/plugIn/Validform_v5.3.2.js"></script>
<script>
	$(".forgetPassword").Validform({
		tiptype:2
	});
$(".getCaptcha").click(function(){
		$(this).attr('disabled',true);
		var time;
		clearInterval(time);
		var s = 60;
		var time = setInterval(function(){
			if(s>0){
				s--;
				$(".getCaptcha").val(s+"s");
			}else{
				$(".getCaptcha").removeAttr('disabled');
				$(".getCaptcha").val('获取验证码');
				
			}
			
		},1000);
		
	})
</script>
</html>
